<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
//				$("li:contains(列表)").css("color","red")//匹配包含给定文本的元素
//				$("li:has(.span)").css("color","green")//匹配含有选择器所匹配的元素的元素
//				$("li:empty").css("color","blue")//匹配所有不包含子元素或者文本的空元素
//				$("li:parent").css("color","#ffff00")//匹配含有子元素或者文本的元素
//				$("div:hidden").css("color","red")//匹配所有不可见元素，或者type为hidden的元素
//				$("div:visible").css("color","blue")//匹配所有的可见元素
                
                
//              var id=$(".div").attr("data-id")
//              console.log(id)
//              $(".div").attr("data-id","2")
//              
//              var ch1=$(":checkbox:eq(3)").attr("checked")
//              console.log(typeof ch1)
//              
//              if(ch1==="checked"){
//              	
//              }
//              
//              var ch2=$(":checkbox:eq(3)").prop("checked")
//              console.log(ch2)
//              
//              if(ch2===true){
//              	
//              }
//              $(":checkbox:eq(3)").prop("checked",false)
                
                //0 获取 1 设置
                //html() html代码
                //text() 文本内容
                //val() 交互控件的值
                console.log($(".div").html())
                console.log($(".div").text())
                console.log($(".div").val())
                console.log($(":checkbox:eq(0)").val())
                $(":checkbox:eq(0)").val("2")
                $(".div").html("<h1>1234</h1>")


			})
		</script>
	</head>
	<body>
		<div class="div" data-id="1" vale="000">这是一个<span>div</span></div>
		<input type="checkbox" checked value="足球"/>
		<input type="checkbox" checked="" />
		<input type="checkbox" checked="checked" />
		<input type="checkbox" checked="8989" />
		
		<!--<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li><span class="span">列表3</span></li>
			<li>列表4</li>
			<li>列表5</li>
			<li></li>
		</ul>
		<div>
			<div style="width: 100px;height: 100px; background-color: aqua; display: none;">123456789</div>1
			<div style="width: 100px;height: 100px; background-color: antiquewhite; visibility: hidden;"></div>2
		</div>	-->
	</body>
</html>
